<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>微博-随时随地发现新鲜事</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
   <div class="container">
       <ul class="left">
           <li class="item"><a href="javascript:void(0)">热门</a></li>
           <li class="item"><a href="javascript:void(0)">头条</li>
           <li class="item"><a href="javascript:void(0)">视频</li>
           <li class="checked">新鲜事</li>
           <li class="item"><a href="javascript:void(0)">榜单</li>
           <li class="item"><a href="javascript:void(0)">搞笑</li>
           <li class="item"><a href="javascript:void(0)">社会</li>
           <li class="item"><a href="javascript:void(0)">时尚</li>
           <li class="item"><a href="javascript:void(0)">电影</li>
           <li class="item"><a href="javascript:void(0)">美女</li>
           <li class="item"><a href="javascript:void(0)">体育</li>
           <li class="item"><a href="javascript:void(0)">动漫</li>
</ul>
<ul class="right">
    <li>
        <div> 
            <img src="./imag/005JpP0rgy1fyayhad3iyj30u00gqwls.jpg" alt="1" class="pic">
        </div>  
        <div class="info"> 
            <h2>
            朱一龙最美动态美图专用
             </h2>  
            <img src="./imag/005JpP0rly8fyy5rvvf4jj30ru0rujud.jpg" alt="h1" class="hpic">
        <span>
                张学毅 5月10日 15：17
            </span>
        </div>
    </li>
    <li>
        <div>
        <img src="./imag/006E16Rtly1g2ci3vhl82j30u00gqwmy.jpg" alt="2" class="pic">
       
    </div>
        <div class="info">
             <h2> 
            你的意中人是位盖世英雄
             </h2>
             <img src="./imag/006E16Rtly8fw6hggqjmyj30ro0rowft.jpg" alt="h2" class="hpic">
        <span>
                小呆我一直在 17分钟前
            </span>
        </div>
    </li>
    <li>
        <div>
        <img src="./imag/006Sd7yNgy1g12r7jr9t4j30u00godh3.jpg" alt="3" class="pic">
       
    </div>
        <div class="info">
        <h2> 
            沙雕娱乐君
    </h2>
            <img src="./imag/006Sd7yNly8g0s9jildwsj30ro0roabe.jpg" alt="h3" class="hpic">
        <span>
                沙雕娱乐君 31分钟前
            </span>
        </div>
    </li>
    <li>
        <div>
        <img src="./imag/90eb2137ly1ftdbunw8olj238w2eonpd.jpg" alt="4" class="pic">
        
    </div>
        <div class="info">
             <h2> 
            图赞中国新鲜事
             </h2>
            <img src="./imag/005w6Ht2jw8f0vd0zvfznj30ig0igabi.jpg" alt="h4" class="hpic">
           
        <span>
                wxh789-39919 今天09：27
            </span>
        </div>
    </li>
    <li>
        <div>
        <img src="./imag/006biMCngy1fsyvg4vs1fj31pc0yigqb.jpg" alt="5" class="pic">
       
    </div>
        <div class="info">
             <h2> 
            明星那些事
             </h2>
            <img src="./imag/006biMCnly8g2927szv04j30u00u0myg.jpg" alt="h5" class="hpic">
            
        <span>
                情感日迹 20分钟前
            </span>
        </div>
    </li>
    <li>
        <div>
        <img src="./imag/791ffc07ly8fkxeajz01aj20ru0rvq3d.jpg" alt="6" class="pic">
        
    </div>
        <div class="info">  
             <h2> 
            央证公开课有更新哦
             </h2>
            <img src="./imag/0070Ahxily8frk1g4ay6mj3066066q3k.jpg" alt="h6" class="hpic">
         
        <span>
               新鲜事运营助手 30分钟前
            </span>
        </div>
    </li>
    <li>
        <div>
        <img src="./imag/005LseOMly8fsohcmaeb0j30v90v90v7.jpg" alt="7" class="pic">
       
    </div>
        <div class="info">
            <h2> 
           手账素材集中营
            </h2>
            <img src="./imag/006YHVxyly8ftsmxft3mfj30kv0kv40d.jpg" alt="h7" class="hpic">
             
        <span>
                J小姐的白日梦微博 今天 10：27
            </span>
        </div>
    </li>
    <li>
        <div>
        <img src="./imag/005K1HRGly1g11f3jbc5dj30g40g47gh.jpg" alt="8" class="pic">
       
    </div>
        <div class="info"> 
            <h2> 
            ONER成员最新动态追踪
            </h2>
            <img src="./imag/005JpP0rly8fyy5rvvf4jj30ru0rujud.jpg" alt="h8" class="hpic">
            
        <span>
                春哥爱修图 5月10 23：20
            </span>
        </div>
    </li>
    <li>
        <div>
        <img src="./imag/90eb2137ly1g294qe030hj20sg0scq72.jpg" alt="9" class="pic">
        
    </div>
        <div class="info">
             <h2> 
            娱乐圈博士有更新
             </h2>
            <img src="./imag/0070Ahxily8frk1g4ay6mj3066066q3k.jpg" alt="h9" class="hpic">
           
        <span>
                新鲜事运营助手 17分钟前
            </span>
        </div>
    </li>

      </div>
    </ul>
   </div>
   <div class="div2"></div>
    <div class="left"></div>
</html>